import PropTypes from 'prop-types';
import { Wrapper, Content, Text } from "./HeroImage.styles";

const HeroImgage = (props) => (
  <Wrapper image={props.image}>
    <Content>
      <Text>
        <h1>{props.title}</h1>
        <p>{props.text}</p>
      </Text>
    </Content>
  </Wrapper>
);

HeroImgage.propTypes = {
  image: PropTypes.string,
  title: PropTypes.string,
  text: PropTypes.string
}

export default HeroImgage;